/*Freddie Button Seaside*/

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .button_icon {
    width: 58px;
    height: 58px;
    position: relative;
    margin: 0 auto 7px;
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .bg_color_big {
    background-color: #fddd11;
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 50%;
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .bg_color {
    background-color: #000;
    position: absolute;
    width: 29px;
    height: 29px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .hover_bg_color {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .hover_border {
    background-color: transparent;
    border: 2px dotted #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 100%;
}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside .icon:before {
    content: "\45";
    color: #fddd11 !important;
    border-width: 0 !important;
    font-size: 24px;
    font-family: "ETmodules" !important;
    line-height: 100% !important;

}

.et_pb_button_module_wrapper .et_pb_button.freddie_button_seaside span {
    display: block;
}